@charset "utf-8";
body {
	text-align:left;
	margin:0 auto;
	font-family: "微软雅黑", "宋体";
	overflow:hidden;
}
@media screen and (min-width:240px) {
    html, body{
        font-size:9px;
    }
}
@media screen and (min-width:320px) {
    html, body{
        font-size:12px;
    }
}
@media screen and (min-width:480px) {
    html, body{
    font-size:18px;
    }
}
@media screen and (min-width:640px) {
    html, body{
        font-size:24px;
    }
}
@media screen and (min-width:960px) {
    html, body{
        font-size:36px;
    }
}
a {
	color:#373737;
	text-decoration:none;
}
* {
	margin:0;
	padding:0;
}

a:hover {
	text-decoration:underline;
}
img{
	border:0;
	}

#box{
	width:100%;
	position: relative;
	float: left;
	}
#head{
	background-size:100% 100%;
	width:100%;
	position: relative;
	float: left;
	background-image: url(../img/top.jpg);
	height: 149px;
	background-repeat: no-repeat;
	
	}
.imgbox {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.img {
	margin-top: -50px;
	margin-left: -30px;
}
#main{
	background-size:100% 100%;
	width:auto;
	position: relative;
	float: left;
	background-image: url(../img/bg.jpg);
	height: 1390px;
	background-repeat: no-repeat;	
	}
#mains{
	background-size:100% 100%;
	width:auto;
	background-image: url(../img/bg2.jpg);
	height: 1390px;
	background-repeat: no-repeat;	
	}
#main #pro_kuang{
	position: relative;
	float: left;
	background-image: url(../img/kuang.jpg);
	background-repeat: no-repeat;	
	width:470px;
	height:470px;
	margin-top:15px;
	margin-left:80px;
	}
#main #pro_kuang img{
	margin-top:20px;
	margin-left:20px;
	}
#pro_title{
	position: relative;
	float: left;
	font-family: "微软雅黑", "宋体";
	font-size: 40px;
	line-height: 120%;
	color: #3B3B3B;
	text-decoration: none;
	width: 600px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;	
	margin-top:180px;
	margin-left:80px;
	padding-bottom:10px;
	padding-left:20px;
	}
 #pro_list{
	position: relative;
	float: left;
	font-family: "微软雅黑", "宋体";
	font-size: 35px;
	line-height: 120%;
	color: #3B3B3B;
	text-decoration: none;
	margin-left:80px;
	}
#pro_list ul{
	overflow: hidden;
	float: left;
	width: 800px;
	}
 #pro_list ul li{
	overflow: hidden;
    float: left;
    display: inline;
    list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
	text-indent: 20px;
	padding-top:20px;
	padding-bottom:20px;
	width: 800px;
	font-size: 35px;
	}
 #ma{
	position: relative;
	float: left;
	width:620px;
	padding-bottom:300px;
	margin-left:90px;
	margin-top:30px;
	}
 #ma #ma_left{
	position: relative;
	float: left;
	width:307px;
	}
 #ma #ma_right{
	position: relative;
	float: left;
	width:253px;
	margin-top:50px;
	margin-left:20px;
	}
 #ma #ma_right #title{
	position: relative;
	float: left;
	font-family: "微软雅黑", "宋体";
	font-size: 25px;
	line-height: 120%;
	color: #3B3B3B;
	text-decoration: none;
	width: 253px;
	text-align: center;
	margin-bottom:20px;
	}
 #ma #ma_right #ma_bg{
	position: relative;
	float: left;
	width: 260px;
	height:48px;
	background:#0170B1;
	font-family: "微软雅黑", "宋体";
	font-size: 25px;
	line-height: 120%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height:48px;
	margin-left:10px;
	}




#footer{
	position: fixed;
	left:auto;
	right:auto;
	bottom: 0;
	_position: absolute;
    _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);  
	text-align:center;
	z-index: 999;
	height:189px;
	width:100%;
	background:#FFF;
}
#footer ul{
	overflow: hidden;
	float: left;
	width:auto;
	height:189px;
	margin-left:30px;
	
	}
#footer ul li{
	overflow: hidden;
    float: left;
    display: inline;
    list-style-type: none;
	width:189px;
	height:189px;
	margin-right:20px;
	margin-left:20px;
	}


#info_main{
	overflow-y: scroll;
	width:100%;
	/*position: relative;*/
	float: left;
	background-image: url(../img/bg2.jpg);
	background-repeat:repeat-y;
	background-attachment: inherit;
	padding-bottom:230px;
	}
#info_main #info_title{
	position: relative;
	float: left;
	width: 510px;
	height: 120px;
	line-height: 120px;
	font-family: "微软雅黑", "宋体";
	font-size: 50px;
	color: #3B3B3B;
	text-decoration: none;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
	margin-left: 80px;
	margin-top: 80px;
	text-indent: 20px;
	}

#info_main #info{
	position: relative;
	float: left;
	width: 510px;
	
	margin-left: 80px;
	margin-top: 80px;
	}
#info_main #info ul{
	overflow: hidden;
	float: left;
	}
#info_main #info ul li{
	overflow: hidden;
	float: left;
	display: inline;
	list-style-type: none;
	font-family: "微软雅黑", "宋体";
	font-size: 35px;
	color: #3B3B3B;
	text-decoration: none;
	width: 800px;
	height: 85px;
	line-height: 85px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
	}
#info_main #info ul li span{
	position: relative;
	float: left;
	text-indent: 20px;
	text-align: right;
	width:185px;
	height: 85px;
	font-family: "微软雅黑", "宋体";
	font-size: 35px;
	color: #3B3B3B;
	text-decoration: none;
	margin-right:20px;
	}


#info_main #pro_title1{
	position: relative;
	float: left;
	font-family: "微软雅黑", "宋体";
	font-size: 40px;
	line-height: 120%;
	color: #3B3B3B;
	text-decoration: none;
	width: 600px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;	
	margin-top:40px;
	margin-left:80px;
	padding-bottom:10px;
	padding-left:20px;
	}
#info_main #pro_list1{
	position: relative;
	float: left;
	font-family: "微软雅黑", "宋体";
	font-size: 35px;
	line-height: 100%;
	color: #3B3B3B;
	text-decoration: none;
	margin-left:80px;
	margin-top:40px;
	}
#info_main #pro_list1 ul{
	overflow: hidden;
	float: left;
	width: 800px;
	}
#info_main #pro_list1 ul li{
	overflow: hidden;
    float: left;
    display: inline;
    list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
	text-indent: 20px;
	padding-top:20px;
	padding-bottom:20px;
	width: 800px;
	font-size: 35px;
	}
#info_main #pro{
	position: relative;
	float: left;
	width:100%;
	padding-top:60px;
	margin: 0 auto;
	text-align: center;
	
	}
#info_main #zheng_title{
	position: relative;
	float: left;
	margin: 0 auto;
	font-family: "微软雅黑", "宋体";
	font-size: 35px;
	line-height: 120%;
	color: #3B3B3B;
	text-decoration: none;
	width: 100%;
	text-align: center;
	
	margin-top:80px;
	}
#info_main #zheng{
	position: relative;
	float: left;
	width:100%;
	padding-top:20px;
	margin: 0 auto;
	text-align: center;
	}


.swipe {
　overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

#slideView {  
    position:absolute;  
    overflow:hidden;  
    border:solid 1px black;  
}  
.slideContainer {  
    position:absolute;  
}  
.block{  
    position:absolute;  
}  
.block div{  
    border:solid 2px black;  
    margin:auto;  
    font-size:1.5em;  
    color:black;  
    width:60px;  
    height:60px;  
    text-align:center;  
    line-height:50px;  
    background-color:#fff;  
}  
.debug{  
    color:Black;  
}  
#divColor td{border:solid 1px black;} 

div.imgbox{width:25rem;height:16.5rem;overflow:hidden;margin:0 auto;}
div.imgbox ul{clear:both;width:75rem;}
div.imgbox ul li{float:left;width:25rem;height:16.5rem;overflow:hidden;text-align:center;}
div.imgbox ul li img{width:24rem;height:16.5rem;}